<!DOCTYPE HTML>
<html>
<head>
    <title>Hotel Arbour : View Detail</title>
    <script src="js/jquery-1.9.1.js" language="javascript"></script>
	<script src="js/jquery-ui-1.10.2.custom.js" language="javascript"></script>
	<script type="text/javascript" src="js/post_watermarkinput.js"></script>
	<link rel="stylesheet" href="CSS/ui-lightness/jquery-ui-1.10.2.custom.css" type="text/css">
	<link href="CSS/vasplus_programming_blog_CSS.css" rel="stylesheet" type="text/css"> 
	
<script>
	$(function() {
		$( "#accordion" ).accordion();
		$( "#checkindate" ).datepicker();
		$( "#checkoutdate" ).datepicker();
		$( "#checkinupdate" ).datepicker();
		$( "#checkoutupdate" ).datepicker();
	});	
	
</script>
<script language="javascript">
	function toggleDiv() {
		document.getElementById('content').style.display = "none";
		document.getElementById('register').style.display = "";
	}
	
	function regSubmit() {
		alert ('Registeration Successful !');
		document.getElementById('content').style.display = "";
		document.getElementById('register').style.display = "none";
	}
	
	function displayRates() {
		document.getElementById('content').style.display = "none";
		document.getElementById('register').style.display = "none";
		document.getElementById('rateList').style.display = "";
	}
	function createObject() {
		var request_type;
		var browser = navigator.appName;
		if(browser == "Microsoft Internet Explorer"){
			request_type = new ActiveXObject("Microsoft.XMLHTTP");
		}else{
			request_type = new XMLHttpRequest();
		}
		return request_type;
	}

	var http = createObject();

/* -------------------------- */
/* LOGIN */
/* -------------------------- */
/* Required: var nocache is a random number to add to request. This value solve an Internet Explorer cache issue */
	var nocache = 0;
	function login() {
		
		document.getElementById('login_loading').style.display = "" ;		
		var email = encodeURI(document.getElementById('emailLogin').value);
		var psw = encodeURI(document.getElementById('pswLogin').value);
	// Set te random number to add to URL request
		nocache = Math.random();
	// Pass the login variables like URL variable
		http.open('get', 'login.html?email='+email+'&psw='+psw+'&nocache = '+nocache);
		http.onreadystatechange = loginReply;
		http.send(null);
	}
	
	function loginReply() {
		document.getElementById('login_loading').style.display = "none" ;
		if(http.readyState == 4){ 
			var response = http.responseText;
			if(response == 0){
	// if login fails
				document.getElementById('login_response').innerHTML = 'Login failed! Verify user and password';
	// else if login is ok show a message: "Welcome + the user name".
			} else {
				document.getElementById('login_response').innerHTML = 'Welcome'+response;
			}
		}
	}
	
			
</script>


</head>
<body style="font-family:Calibri;">
<form id="frmindex" name="frmindex" method="POST" action="editReserve.html">	
	<div id="body" style="width:900px ;margin:0 auto; padding:0 0 0 0 auto;">
	
	<!-- Header-->		
	
		<table width="100%" border="0px" cellpadding="0" >
		<tr> 
			<td><img src="images/logo.jpg" /></td>
			
			<td colspan="2">
				<p align="right" style="font-weight:bold;">			
					<a href="index.html" style="text-decoration:none;"><font style="color:#7E354D">Home&nbsp;&nbsp;|&nbsp;&nbsp;</font></a>
					<a href="index.html" style="text-decoration:none;"><font style="color:#7E354D">Promotion&nbsp;&nbsp;|&nbsp;&nbsp;</font></a>
					<a href="index.html" style="text-decoration:none;"><font style="color:#7E354D">Rooms&nbsp;&nbsp;&nbsp;</font></a>						
				</p> 
				<p align="right" style="font-weight:bold;">
					<div id="login_response"></div>	
				</p>
			</td>
		</tr>
        <tr>
            <td style="width:65%;vertical-align:top;">
				<video width="600" height="260" controls="controls"><source src="images/Sample.mp4" type="video/mp4"></video>
				<!--<iframe width="600" height="315" src="http://www.youtube.com/embed/b_55QozTlok" frameborder="0" allowfullscreen></iframe>-->
				
            </td>
			
            <td style="width:35%;vertical-align:top;"> 
				<table border="0px" width="100%">
					<tr>
					    <td>
					        <div id="accordion">									
					            <h1 style="border:1px solid #7E354D;"><font style="color:#7E354D">Corporate Login</font></h1>
					                <div>
										<table>
											<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
											
											<tr><td>Login ID:</td><td><input type="text" id="emailLogin" name="emailLogin" size="10"/></td></tr>
											<tr><td>Password:</td><td><input type="text" id="pswLogin" name="pswLogin" size="10"/></td></tr>
											<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
											<tr><td>&nbsp;</td><td><input type="button" id="btnLogin" name="btnLogin" value="Log In" onclick="login();"/>&nbsp;
																	<input type="button" id="signup" name="signup" value="Sign Up" onclick="toggleDiv();"/></td></tr>
										</table>
                                    </div>
									
                                 <h1 style="border:1px solid #7E354D;"><font style="color:#7E354D">Reservation</font></h1>
					                <div>
					                    <table>
											<tr><td>Check-In:</td><td><input type="text" id="checkindate"/></td></tr>
											<tr><td>Check-Out:</td><td><input type="text" id="checkoutdate"/></td></tr>
											<tr>
												<td colspan="2">Nights:&nbsp;<input type="text" id="night" name="night" size="5"/>&nbsp;Room Type:&nbsp;												
											    <select name="roomtype" id="roomtype">
                                                      <option value="executive">Executive</option>
                                                      <option value="deluxe">Deluxe</option>
                                                      <option value="premier">Premier</option>                                                      
                                                    </select> 
                                                </td>
											</tr>
											<tr>
											    
											</tr>
											<tr><td colspan="2">Adult:&nbsp;&nbsp;&nbsp;<input type="text" id="adult" name="adult" size="5"/>&nbsp;Children:&nbsp;<input type="text" id="children" name="children" size="5"/></td></tr>
											<tr><td>&nbsp;</td><td><input type="button" id="checkra<tes" name="checkrates" value="Check Rates" onclick="window.location.href='availibility.html'"/></td>
											
											<tr>
												<td colspan="2" align="center">
													<a href="viewdetail.html" style="text-decoration:none;"><font style="color:#7E354D">View&nbsp;|&nbsp;</font></a>
													<a href="editReserve.html" style="text-decoration:none;"><font style="color:#7E354D">Modify&nbsp;|&nbsp;</font></a> 
													<a href="editReserve.html" style="text-decoration:none;"><font style="color:#7E354D">Cancel&nbsp;</font></a>
												</td>
											</tr>
										</table>
                                    </div>                                  
					        </div>
					    </td>
					</tr>					
				</table>
			</td>
        </tr>
    </table>
	
    <!-- Header-->	
	<!-- Search Reservation-->
	<br><br>
	<div id="searchReservation">
		<table width="70%" align="center" style="font-size:15px;-khtml-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
				border: solid 1px gray;" cellpadding="5px">
			<tr>
				<td colspan="2">&nbsp;</td>
			</tr>
			<tr><td>Booking No : </td><td><input type="text" id="bookingno" name="bookingno" size="50"/></td></tr>
			<tr><td>Email : </td><td><input type="text" id="bookingemail" name="bookingemail" size="50"/></td></tr>
			
			<tr>
				<td colspan="2" align="center"><input type="submit" id="print" name="search" value="Search"/></td>
			</tr>
		</table>
	</div>
	<!-- Search Reservation-->
	<!-- Booking History-->
	<br><br>
   <div id="rateList" width="70px" align="center">
		<br><br>
		<table width="70%" border="0px" align="center" style="background-color:#fdf5ce;font-size:15px;-khtml-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
				border: solid 1px gray;" cellpadding="5px">	
			
			<tr>
				<td>&nbsp;</td><td><b>Booking No. : 123456<b></td> 	<td></td> 			
			</tr>
			<tr>
				<td>&nbsp;</td><td ><b>Arrival Date </b> 4/5/2013</td><td>&nbsp;</td><td ><b>Departure Date </b>: 4/5/2013</td>
				<td><input type="submit" id="print" name="modify" value="Modify"/><input type="submit" id="cancel" name="edit" value="Cancel"/></td>
			</tr>				
						
		</table>
		<table width="70%" border="0px" align="center" style="font-size:15px;-khtml-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
				border: solid 1px gray;" cellpadding="5px">	
			
			<tr>
				<td>&nbsp;</td><td><b>Booking No. : 123456<b></td> 	<td></td> 			
			</tr>
			<tr>
				<td>&nbsp;</td><td ><b>Arrival Date </b> 4/5/2013</td><td>&nbsp;</td><td ><b>Departure Date </b>: 4/5/2013</td>
				<td><input type="submit" id="print" name="modify" value="Modify"/><input type="submit" id="cancel" name="edit" value="Cancel"/></td>
			</tr>				
						
		</table>
		<table width="70%" border="0px" align="center" style="background-color:#fdf5ce;font-size:15px;-khtml-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
				border: solid 1px gray;" cellpadding="5px">	
			
			<tr>
				<td>&nbsp;</td><td><b>Booking No. : 123456<b></td> 	<td></td> 			
			</tr>
			<tr>
				<td>&nbsp;</td><td ><b>Arrival Date </b> 4/5/2013</td><td>&nbsp;</td><td ><b>Departure Date </b>: 4/5/2013</td>
				<td><input type="submit" id="print" name="modify" value="Modify"/><input type="submit" id="cancel" name="edit" value="Cancel"/></td>
			</tr>				
						
		</table>
	</div>
	<!-- Booking History-->
	
	<br><br>
   <!-- Detail-->
   <div id="viewdetail" style="font-size:15px;">
   <table width="70%" border="0px" align="center" style="font-size:15px;-khtml-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
				border: solid 1px gray;" cellpadding="5px">	
			<tr>
				<td colspan="2">&nbsp;</td>
			</tr>
			<tr>
				<td colspan="2">Your reservation has been booked and the detail information has been sent to maykhine98@gmail.com</td>
			</tr>
			<tr>
				<td colspan="2">&nbsp;</td>
			</tr>
			<tr>
				<td>Booking number : </td><td>BK-16032013-202054</td>
			</tr>
			<tr>
				<td>Room Type : </td><td>No Preference</td>
			</tr>
				<td>Arrival/Departure : </td><td>24/03/2013 - 07/04/2013</td>
			</tr>
			</tr>
				<td>Standard Check-In Time : </td><td>15:00</td>
			</tr>
			</tr>
				<td>Standard Check-Out Time : </td><td>15:00</td>
			</tr>
			<tr>
				<td>Number of Nights : </td><td>14</td>
			</tr>
			<tr>
				<td>Adults / Children : </td><td>1 / 0</td>
			</tr>
			<tr>
				<td>Number of Units : </td><td>1</td>
			</tr>
			
			<tr><td><b>Guest Information</b></td></tr>
			<tr>
				<td>Title:<br>Ms.
				<td>First Name:<br>May</td>
				<td>Last Name:<br>Khine</td>
			</tr>
			<tr>
				<td>Email:<br>maykhine98@gmail.com</td>
				<td colspan="2">Contact No.:<br>93362740</td>
			</tr>
			<tr>
				<td colspan="3">Address:<br>blk 648 B</td>
			</tr>
			<tr>
				<td colspan="2">&nbsp;</td>
			</tr>
			<tr>
				<td colspan="3" align="center"><input type="submit" id="print" name="print" value="Print"/><input type="submit" id="edit" name="edit" value="Edit"/></td>
			</tr>
			
		</table>
		
	</div>
	<!-- Detail-->
	<!-- Modify-->
	<br><br>
	<div id="resList">
		<table width="70%" align="center">
			<tr><td>Check-In:</td><td><input type="text" id="checkinupdate" value="16/03/2013"/></td></tr>
			<tr><td>Check-Out:</td><td><input type="text" id="checkoutupdate" value="23/03/2013"/></td></tr>
			<tr><td>Nights:</td><td><input type="text" id="night" name="night" size="5" value="7"/>
			<tr>
				<td>Room Type:</td>
				<td><select name="roomtype" id="roomtype">
					  <option value="executive">Executive</option>
					  <option value="deluxe">Deluxe</option>
					  <option value="premier">Premier</option>                                                      
					</select> 
				</td>
			</tr>
			<tr><td>Adult: / Children</td><td><input type="text" id="adult" name="adult" size="5" value="1"/>&nbsp;<input type="text" id="children" name="children" size="5" value="0"/></td></tr>
			<tr><td>&nbsp;</td><td><input type="button" id="checkrates" name="checkrates" value="Check Rates" onclick="window.location.href='availibility.html'"/></td>
			
		</table>
       
	</div>
	<!-- Search Reservation-->
   </div>
</form>
</body>
</html>
